<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>网上超市</title>
<link href="static/css/public.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="static/css/base.css">
<link rel="stylesheet" type="text/css" href="static/css/checkOut.css">
</head>

<body>
 <!--顶部快捷菜单-->
    <div class="shortcut_v2013 alink_v2013">
        <div class="w">
            <ul class="fl 1h">

                <li class="fl"><i class="shortcut_s"></i></li>

                <li class="fl"><div class="menu_hd"><a href="#">请登录</a></div></li>
                <li class="fl"><div class="menu_hd"><a href="#">免费注册</a></div></li>
            </ul>
            <ul class="fr 1h">
                <li class="fl"><div class="menu_hd"><a href="#">我的订单</a></div></li>
                <li class="fl"><i class="shortcut_s"></i></li>
                <li class="fl"><div class="menu_hd"><a href="#">我的锡货</a></div></li>
                <li class="fl"><i class="shortcut_s"></i></li>
                <li class="fl"><div class="menu_hd"><a href="#">服务中心</a></div></li>
                <li class="fl"><i class="shortcut_s"></i></li>
                <li class="fl"><div class="menu_hd"><a href="#">商家入驻</a></div></li>
                <li class="fl"><i class="shortcut_s"></i></li>
                <li class="fl">
                    <div class="menu">
                        <div class="menu_hd"><a href="#">网站导航</a><b><em></em></b></div>
                        <div class="menu_bd">
                            <ul>
                                <li><a href="#">网站导航</a></li>
                                <li><a href="#">网站导航</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
            <span class="clr"></span>
        </div>
    </div>

   <div class="banner_red_top">

  </div>

 <div class="border_top_cart">
<div class="container">
    <div class="checkout-box">
        <form id="checkoutForm" action="#" method="post">

            <div class="checkout-box-ft">
                <div id="checkoutGoodsList" class="checkout-goods-box">
                                    <div class="xm-box">
                    <div class="box-hd">
                        <h2 class="title">确认订单信息</h2>
                    </div>
                    <div class="box-bd">
                        <dl class="checkout-goods-list">
                            <dt class="clearfix">
                                <span class="col col-1">商品名称</span>
                                <span class="col col-2">购买价格</span>
                                <span class="col col-3">购买数量</span>
                                <span class="col col-4">小计（元）</span>
                            </dt>
                            <dd class="item clearfix">
                                <div class="item-row">
                                    <div class="col col-1">
                                        <div class="g-pic">
                                            <img src="http://i1.mifile.cn/a1/T11lLgB5YT1RXrhCrK!40x40.jpg" srcset="http://i1.mifile.cn/a1/T11lLgB5YT1RXrhCrK!80x80.jpg 2x" width="40" height="40">
                                        </div>
                                        <div class="g-info">小米T恤 忍者米兔双截棍 军绿 XXL</a></div>
                                    </div>

                                    <div class="col col-2">39元</div>
                                    <div class="col col-3">1</div>
                                    <div class="col col-4">39元</div>
                                </div>
                            </dd>
                            <dd class="item clearfix">
                                <div class="item-row">
                                    <div class="col col-1">
                                        <div class="g-pic">
                                            <img src="http://i1.mifile.cn/a1/T14BLvBKJT1RXrhCrK!40x40.jpg" srcset="http://i1.mifile.cn/a1/T14BLvBKJT1RXrhCrK!80x80.jpg 2x" width="40" height="40">
                                        </div>
                                        <div class="g-info"><a href="#">招财猫米兔 白色</a></div>
                                    </div>

                                    <div class="col col-2">49元</div>
                                    <div class="col col-3">1</div>
                                    <div class="col col-4">49元</div>
                                </div>
                            </dd>
                            <dd class="item clearfix">
                                <div class="item-row">
                                    <div class="col col-1">
                                        <div class="g-pic">
                                            <img src="http://i1.mifile.cn/a1/T1rrDgB4DT1RXrhCrK!40x40.jpg" srcset="http://i1.mifile.cn/a1/T1rrDgB4DT1RXrhCrK!80x80.jpg 2x" width="40" height="40">
                                        </div>
                                        <div class="g-info"><a href="#">小米圆领纯色T恤 男款 红色 XXL</a></div>
                                    </div>

                                    <div class="col col-2">39元</div>
                                    <div class="col col-3">4</div>
                                    <div class="col col-4">156元</div>
                                </div>
                            </dd>
                        </dl>
                        <div class="checkout-count clearfix">

                            <div class="checkout-price">
                                <ul>
                                    <li>
                                       订单总额：<span>244元</span>
                                    </li>
                                    <li>
                                        运费：<span id="postageDesc">0元</span>
                                    </li>
                                </ul>
                                <p class="checkout-total">应付总额：<span><strong id="totalPrice">244.00</strong>元</span></p>
                            </div>
                            <!--  -->
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </form></div>

</div>
</div>
    <div class="promise_box">
    	<div class="w">
    		<ul>
        		<li><img src="static/images/promise_img01.jpg"><span>365天不打烊</span></li>
        		<li><img src="static/images/promise_img02.jpg"><span>无理由退换货</span></li>
        		<li><img src="static/images/promise_img03.jpg"><span>担保交易</span></li>
        		<li><img src="static/images/promise_img04.jpg"><span>先行赔付</span></li>
        		<li><img src="static/images/promise_img05.jpg"><span>支持定制</span></li>
        	</ul>
    	</div>
    </div>

    <div class="footer_v2013 bottom-about">
        <div class="w">
            <p class="foot_p1">
                <a href="#">首页</a>|<a href="#">招聘英才</a>|<a href="#">广告合作</a>|<a href="#">联系我们</a>|<a href="#">关于我们</a>
            </p>
                <pre>    经营许可证：ICP备13041162号-1360网站安全检测平台
                </pre>
        </div>
    </div>

</body></html>



